<template>
  <commonHeader v-if="route.path !== '/main/login'" />
  <mainContainer />
  <commonFooter v-if="route.path !== '/main/login'" />
</template>
<script setup>
import { useRouter, useRoute } from 'vue-router'
import commonHeader from './components/commonHeader.vue';
import commonFooter from './components/commonFooter.vue';
import mainContainer from './components/mainContainer.vue';
const router = useRouter()
const route = useRoute()
const toLogin = () => {
  router.push('/main/login')
}
</script>

<style>
/* 全局样式 */
html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  overflow: hidden;
}

#app {
  height: 100%;
  display: flex;
  flex-direction: column;
}
</style>

<style scoped>
.common-header {
  .button {
    margin-left: 20px;
    border: none;
    background-color: aquamarine;
  }
}
</style>
